<template>
  <div class="checkbutton"
       :class="{check:isChecked}">
    <img src="../../../assets/img/cart/tick.svg" alt="选择">
  </div>
</template>

<script>
export default {
  name: 'CheckButton',
  props: {
    isChecked: {
      type: Boolean,
      default () {
        return false
      }
    }
  },
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
.checkbutton {
  background-color: white;
  border-radius: 50%;
  margin-right: 4px;
  border: 1px solid #aaa;
}

.check {
  border: #CC3399;
  background-color: #CC3399;
}
</style>
